<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>后盾人</title>
    <link rel="stylesheet" href="1.css">
</head>

<body>
    <article class="table">
        <nav>课程介绍</nav>
        <section>
            <ul>
                <li>编号</li>
                <li>标题</li>
            </ul>
        </section>
        <section>
            <ul>
                <li>1</li>
                <li>houdunren.com</li>
            </ul>
        </section>
        <section>
            <ul>
                <li>2</li>
                <li>hdcms.com</li>
            </ul>
        </section>
    </article>
    <!-- <table border="1">
        <thead>
            <tr>
                <td>编号</td>
                <td>标题</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>houdunren.com</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>2</td>
                <td>hdcms.com</td>
            </tr>
        </tfoot>
    </table> -->
</body>

</html>